<script type="text/javascript" src="media/js/jquery.validate.min.js"></script>
<script language="javascript">
$(function(){
	
	$("#frmRegister").validate({
	rules: 
	{

		username: 
		{ 
			required: true,
			email: true,
			remote: "users/check_email"
		},
		display: 
		{ 
			required: true,
			remote: "users/check_display"
		},
		password: 
		{
			required: true,
			minlength: 6
		},
		_password:
		{
			equalTo: "#password"
		},
		fullname: 
		{ 
			required: true
		},
		captcha:
		{
			required: true,
			remote: "users/check_captcha"
		}
	},
	messages:
	{
		username: 
		{ 
			required: "กรุณากรอกอีเมล์ค่ะ",
			email: "กรุณากรอกอีเมล์ให้ถูกต้องค่ะ",
			remote: "อีเมล์นี้ไม่สามารถใช้งานได้"
		},
		display: 
		{ 
			required: "กรุณากรอกชื่อผู้ใช้ค่ะ",
			remote: "ชื่อผู้ใช้นี้ไม่สามารถใช้งานได้"
		},
		password: 
		{
			required: "กรุณากรอกรหัสผ่านค่ะ",
			minlength: "กรุณากรอกรหัสผ่านอย่างน้อย 6 ตัวอักษรค่ะ"
		},
		_password:
		{
			equalTo: "กรุณากรอกรหัสผ่านให้ตรงกันทั้ง 2 ช่องค่ะ"
		},
		fullname:
		{
			required: "กรุณากรอกชื่อและนามสกุลค่ะ"
		},
		captcha:
		{
			required: "กรุณากรอกตัวอักษรตัวที่เห็นในภาพค่ะ",
			remote: "กรุณากรอกตัวอักษรให้ตรงกับภาพค่ะ"
		}
	}
	});
});
</script>
<div class="box">
	<h1 class="orange">
		<img src="uploads/icon/head/tab.png" />
		<span>สมัครสมาชิก</span>
		<div class="corner_left"></div>
		<div class="corner_right"></div>
	</h1>
	<div class="view">
	<form id="frmRegister" action="users/signup" method="post">
	<table id="tbregmember">
		<tbody>
			<tr>
				<th colspan="2">สมัครสมาชิก ด้วยอีเมล์ที่ใช้ประจำ</th>
			</tr>
            <tr>
            	<td align="right"><strong>อีเมล์ล๊อคอิน : <span class="require">*</span></strong></td>
				<td><input type="text" size="40" class="textboxRegister" name="username" /></td>
			</tr>
			<tr>
            	<td align="right"><strong>ชื่อในระบบ : <span class="require">*</span></strong></td>
				<td><input type="text" size="40" class="textboxRegister" name="display" /></td>
			</tr>
			<tr>
            	<td align="right"><strong>ชื่อ-นามสกุล : <span class="require">*</span></strong></td>
				<td><input type="text" size="40" class="textboxRegister" name="fullname" /></td>
			</tr>
			<tr>
				<td align="right"><strong>พิมพ์รหัสผ่าน :<span class="require"> *</span></strong></td>
				<td><input type="password" class="textboxRegister" name="password" id="password" /></td>
			</tr>
 			<tr>
				<td align="right"><strong>ยืนยันรหัสผ่าน : <span class="require">*</span></strong></td>
				<td><input type="password" class="textboxRegister" name="_password" /></td>
			</tr>
			<tr>
				<th colspan="2">พิมพ์ตัวอักษรที่คุณเห็นในภาพ</th>
			</tr>
			<tr>
				<td align="right"><strong>ภาพ :</strong></td>
				<td><img src="users/captcha" /></td>
			</tr>
			<tr>
				<td align="right"><span id="Label47"><strong>พิมพ์ตัวอักษร</strong></span><strong> : <span class="require">*</span></strong></td>
				<td><input type="text" class="textboxRegister" name="captcha"></td>
			</tr>
			<tr>
				<td width="30%" align="right">&nbsp;</td>
				<td width="70%"><input type="submit" value="&nbsp;&nbsp;สมัครสมาชิก&nbsp;&nbsp;" id="button2" class="f14 TxtBlue" name="button2"></td>
			</tr>
		</tbody>
	</table>
	</form>
	</div>
</div>